What makes a web page? How was it written? Does a web page appear just as a word document? No. There is a languag behind every web page, the instructions for the web page and how the text should look. In this section, you will learn a little of that language called HTML. HTML is the foundation code for all other code. You will also find out how to view how any web page was made.
Writing for the web is different than writing for print or hard copy. Examine the ways that you need to write for the web, and include what you learned in your web page. Also, when you write the "principles" of web design principles in your project report, make sure to include them.
Introduction
You have created basic web pages using HTML code and Notepad. Now, you are going to use Dreamweaver®, and learn a little CSS. What is CSS? Is it a new T.V. show? No, CSS stands for "cascading style sheets". It was created to build complex websites with design.
Task
You will re-create the website that you started, using CSS code. However, first you will go through some exercises. It will be basic, but enough to get you started. Procedures:
Introduction
What makes a web page? How was it written? Does a web page appear just as a word document? No. There is a languagbehind every web page, the instructions for the web page and how the text should look. In this section, you will learn a little of that language called HTML. HTML is the foundation code for all other code. You will also find out how to view how any web page was made.
End TASK
Resources
Code
W3Schools.comInterest: Why HTML 4? and HTML 5
Heading:
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_headers
- http://www.tedmontgomery.com/tutorial/headings.html
- http://www.w3schools.com/html/tryit.asp?filename=tryhtml_header
Horizontal Rule:http://www.w3schools.com/html/tryit.asp?filename=tryhtml_hr
Hyperlink
- http://www.w3schools.com/html/html_links.asp
- Hyperlink: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink
Fun Things:Color
Tutorials for Notepad
Web Page Design Principles
Writing for the web is different than writing for print or hard copy. Examine the ways that you need to write for the web, and include what you learned in your web page. Also, when you write the "principles" of web design principles in your project report, make sure to include them.Web Style Guide
Web Design Mistakes: http://www.dailyblogtips.com/43-web-design-mistakes-you-should-avoid/
More Mistakes
Writing for the WEB
Dreamweaver®
IntroductionYou have created basic web pages using HTML code and Notepad. Now, you are going to use Dreamweaver®, and learn a little CSS. What is CSS? Is it a new T.V. show? No, CSS stands for "cascading style sheets". It was created to build complex websites with design.
Task
You will re-create the website that you started, using CSS code. However, first you will go through some exercises. It will be basic, but enough to get you started.
Procedures:
Introduction to Dreamweaver®
Chapter 4 - Getting A Quick Start
Dissecting a Page
You will choose a basic page (that used in Chapter 4) and dissect the parts of the page.